<template>
	<!-- 我是动态列表  -->
	
	<mu-container style="padding: 0px;">
		<div class="mu-sub-header" style="border-bottom:1px #dbdbdb solid ;">最新动态</div>
		<mu-list id="activityListFor" textline="two-line"  >
			<div v-for="tile,index in activityList" class="contentArea"
						:key="'tile' + index">
					
				<p>{{tile.time}}</p>
				<p>{{tile.name}}</p>
				<div class="lineshort"></div>
				<p>{{tile.desc}}</p>
				 
				<mu-divider></mu-divider> 
				
			</div>
		  </mu-list>
	</mu-container>
</template>

<script>
	export default {
		data() {
			return {
				activityList: [{
					name: "花展",
					time: "2020-07-19",
					desc: "有一种青梅竹马叫刘小宛和周松，小学相识，做了12年的同学，每年班级集体照里都有他们的同框，22年里兜兜转转，简单的喜欢，平凡中相伴……今天，周松给了刘小宛一场浪漫的婚礼，用花朵讲述故事，用圆勾勒永恒，用一首《Perfect》告白心意，祝福他们！愿一直健康、平安、幸福的走下去。"
				}, {
					name: "花展",
					time: "2020-07-19",
					desc: "有一种青梅竹马叫刘小宛和周松，小学相识，做了12年的同学，每年班级集体照里都有他们的同框，22年里兜兜转转，简单的喜欢，平凡中相伴……今天，周松给了刘小宛一场浪漫的婚礼，用花朵讲述故事，用圆勾勒永恒，用一首《Perfect》告白心意，祝福他们！愿一直健康、平安、幸福的走下去。"
				}, {
					name: "花展",
					time: "2020-07-19",
					desc: "有一种青梅竹马叫刘小宛和周松，小学相识，做了12年的同学，每年班级集体照里都有他们的同框，22年里兜兜转转，简单的喜欢，平凡中相伴……今天，周松给了刘小宛一场浪漫的婚礼，用花朵讲述故事，用圆勾勒永恒，用一首《Perfect》告白心意，祝福他们！愿一直健康、平安、幸福的走下去。"
				}, {
					name: "花展",
					time: "2020-07-19",
					desc: "有一种青梅竹马叫刘小宛和周松，  简单的喜欢，平凡中相伴……今天，周松给了刘小宛一场浪漫的婚礼，用花朵讲述故事，用圆勾勒永恒，用一首《Perfect》告白心意，祝福他们！愿一直健康、平安、幸福的走下去。"
				}, {
					name: "花展",
					time: "2020-07-19",
					desc: "有一种青梅竹马叫刘小宛和周松，小学相识，做了12年的同学，每年班级集体照里都有他们的同框，22年里兜兜转转，简单的喜欢，平凡中相伴……今天，周松给了刘小宛一场浪漫的婚礼，用花朵讲述故事，用圆勾勒永恒，用一首《Perfect》告白心意，祝福他们！愿一直健康、平安、幸福的走下去。"
				}, 
				],
			}
		},
		methods: {
			//向父组件发送消息，比如 通知本页面生成了
			sendMessageForParent() {
				this.$emit("listenToEvent", "2");
			},
		},
		mounted() {
			//向父组件传递消息
			this.sendMessageForParent();
		},
	}
</script>

<style>
	#activityListFor{
		width: 100%;
		height: 93%;
		padding: 0px 15px 15px 15px;
	}
	#activityListFor p:nth-of-type(1){
		color: #666666;
		 font-size: 15px;
	}
	#activityListFor p:nth-of-type(2){
		color: #666666;
		 font-size: 15px;
		 line-height: 1px;
	}
	#activityListFor p:nth-of-type(3){
		color: #999999;
		font-size: 12px;
	}
	#activityListFor .lineshort {
	    margin: 10px 0;
	    background: #dbdbdb;
	    height: 1px;
	    width: 15px;
	}
	 
</style>
